@use './variables.module.scss';
@use './mixin.scss';
@use './sidebar.scss';
@use './element.scss';
@use './transition.scss';
@tailwind base;
@tailwind components;
@tailwind utilities;


/* 引入外部字体 */
@font-face {
  font-family: 'title';
  src: url('../assets/fonts/title.TTF');
}

.text-gradient {
  background-image: linear-gradient(to bottom, #fff, #00A2FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient2 {
  background-image: linear-gradient(to bottom, #fff, #07FFD5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@font-face {
  font-family: 'title';
  src: url('../assets/fonts/title.TTF');
}

.title {
  font-family: 'title';
}




body,
html {
  margin: 0;
  height: 100%;
  width: 100% !important;
  overflow: hidden;
  font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback';
  -webkit-tap-highlight-color: transparent;
  // background:linear-gradient(to bottom, #0A0D1F, #131C38);
  background-image: url('../assets/images/mainBg.webp');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

#app {
  height: 100%;
  width: 100%;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}


::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
}

::-webkit-scrollbar {
  width: 10px !important;
}